<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">

        .paging{
            display: flex; /* 将其子元素放在一行 */
            flex-direction: row; /* 水平排列 */
            align-items: stretch; /* 子元素高度自适应 */
            margin-top:20px;
            width: max-content;
            height: border-box;
            border: 0.5px solid rgba(0,0,255,0.1) ;/*蓝色，透明度为10%*/
            border-radius: 10px; /* 所有四个角都有 10px 的圆角 */

        }

        .paging a{margin: 0;padding:4px 12px; display: inline-block; text-decoration: none;}
        .page{border-bottom:2px solid #5075C3; width:1440px;}
        .clear{ clear:both;}
        .pagination a {
            margin: 0;
        }
    </style>
</head>
<body>
<div class="paging" >
    @if ($paginator->hasPages())
        @if ($paginator->onFirstPage())
            <a style="color: #000000; ">&nbsp;上一页</a>
        @else
            <a href="{{$paginator->previousPageUrl()}}">&nbsp;上一页</a>
        @endif
        @foreach ($elements as $element)
            @if (is_string($element))
                <a style="color: #000000 ;background-color: #00b7ee">{{ $element }}</a>
            @endif
            @if (is_array($element))
                @foreach ($element as $page => $url)
                    @if ($page == $paginator->currentPage())
                        <a class="on" style="color: #edf2f7; background-color: #2D64B3 ">{{$page}}</a>
                    @else
                        <a  href="{{$url}}">{{$page}}</a>
                    @endif
                @endforeach
            @endif
        @endforeach
        @if ($paginator->hasMorePages())
            <a href="{{$paginator->nextPageUrl()}}" >下一页&nbsp;</a>
        @else
            <a style="color: #000000; ">下一页</a>
        @endif
        <div class="clear"></div>
    @endif
</div>
</body>
</html>
